<template>
  <div class="banner">
    <rd-swipe :swipe="swipe">
      <div class="rd-swipe-item" v-for="(img, index) in imgs"><img :src="img.url" /></div>
    </rd-swipe>
  </div>
</template>

<script>
import rdSwipe from './rd-swipe'

export default{
  data(){
    return {
      swipe: {
        activeIndex: 0
      },
      imgs:[
        {url:'static/img/banner_test.jpg'},
        {url:'static/img/round01.jpg'},
        {url:'static/img/round01.jpg'},
        {url:'static/img/round01.jpg'},
      ]
    }
  },
  components:{ rdSwipe }
}  
</script>